<template>
	<view :style="themeColor">
		<view class="page">
			<view class="flex benben-position-layout flex flex-wrap align-center mys_flex_0"
				:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
				<view class='flex flex-wrap align-center justify-between flex-sub mys_fd0_0'>
					<view class='flex flex-wrap align-center mys_fd0_0_c0' v-if="appSystemIdentification!='Wechat'">
					</view>
					<view class='flex flex-wrap align-center mys_fd0_0_c0' @tap="handleJumpDiy" data-type="navigateTo"
						:data-url="`/pages/index/myMessage/myMessage`" v-if="appSystemIdentification=='Wechat'">
						<image class='mys_fd0_0_c2_c0' mode="aspectFit" :src='STATIC_URL+"10.png"'></image>
						<benben-message-num class='mys_fd0_0_c2_c1' :message-num="newData.no_read_num" size='20'
							color='#fff' background-color='red'>
						</benben-message-num>
					</view>
					<view class='flex flex-wrap align-stretch justify-center'>

					</view>
					<view class='flex flex-wrap align-center justify-end mys_fd0_0_c2'
						v-if="appSystemIdentification=='Wechat'">
					</view>
					<view class='flex flex-wrap align-center justify-end mys_fd0_0_c1' @tap="handleJumpDiy"
						data-type="navigateTo" :data-url="`/pages/index/myMessage/myMessage`"
						v-if="appSystemIdentification!='Wechat'">
						<image class='mys_fd0_0_c1_c0' mode="aspectFit" :src='STATIC_URL+"10.png"'></image>
						<benben-message-num class='mys_fd0_0_c1_c1' :message-num="newData.no_read_num" size='20'
							color='#fff' background-color='red'>
						</benben-message-num>
					</view>
				</view>

			</view>
			<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
			<!---flex布局flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout mys_flex_1">
				<view class='flex flex-wrap align-center mys_fd1_0' @tap.stop="handleJumpDiy" data-type="navigateTo"
					:data-url="`/pages/wode/myInformation/myInformation`" v-if=" isLogin===true">
					<image class='mys_fd1_0_c0' mode="aspectFill" :src='userData.avatar'></image>
					<view class='flex flex-direction flex-wrap align-stretch flex-sub mys_fd1_0_c1'>
						<view class='flex flex-wrap align-center'>
							<text class='mys_fd1_0_c1_c0_c0'>{{userData.nickname}}</text>
							<view class='flex flex-wrap align-center mys_fd1_0_c1_c0_c1'>
								<image class='mys_fd1_0_c1_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"70.png"'>
								</image>
								<text class='mys_fd1_0_c1_c0_c1_c1' v-if=" userData.certified=='2'">已认证</text><text
									class='mys_fd1_0_c1_c0_c1_c1' v-if=" userData.certified=='3'">已拒绝</text><text
									class='mys_fd1_0_c1_c0_c1_c1' v-if=" userData.certified=='1'">审核中</text><text
									class='mys_fd1_0_c1_c0_c1_c1' v-if=" userData.certified=='-1'">未认证</text>
							</view>
						</view>
						<view class='flex flex-wrap align-center mys_fd1_0_c1_c1'>
							<text class='mys_fd1_0_c1_c1_c0'>星级</text>
							<view class='flex flex-wrap align-center'>
								<template v-for="starNum in [1,2,3,4,5]">
									<image v-if="userData.fuwuxingji >= starNum" :key="starNum"
										class='mys_star1fd1_0_c1_c1_c1' mode="aspectFit" :src='STATIC_URL+"56.png"'>
									</image>
									<image v-else :key="starNum" class='mys_star1fd1_0_c1_c1_c1' mode="aspectFit"
										:src='STATIC_URL+"57.png"'></image>
								</template>
							</view>
						</view>
						<view class='flex flex-wrap align-center mys_fd1_0_c1_c1001' @tap.stop="shopJump()"
							v-if="userData.certified==2">
							<view class='flex flex-wrap align-center'>
								<text class='mys_fd1_0_c1_c1_c0_c0001'>所属店铺：</text>
								<text class='mys_fd1_0_c1_c1_c0_c0001'>{{userData.store_name}}</text>
								<image class='mys_fd1_0_c1_c1_c0_c1001' mode="aspectFit" :src='STATIC_URL+"73.png"'>
								</image>
							</view>
						</view>
					</view>
					<image class='mys_fd1_0_c2' mode="aspectFit" :src='STATIC_URL+"73.png"'></image>
				</view>
				<view class='flex flex-wrap align-center mys_fd1_0' @tap.stop="handleJumpDiy" data-type="navigateTo"
					:data-url="`/pages/tabBar/logon/logon`" v-if=" isLogin===false">
					<image class='mys_fd1_1_c0' mode="aspectFill" :src='STATIC_URL+"47.png"'></image>
					<text class='flex-sub mys_fd1_1_c1'>请登录</text>
				</view>
			</view>

			<!---flex布局flex布局结束-->
			<!---flex布局flex布局开始-->
			<view class="flex flex-wrap align-center justify-center benben-flex-layout mys_flex_2">
				<view class='flex flex-direction flex-wrap align-center' @tap="determineJumpFunc(6)">
					<text class='mys_fd2_0_c0'>结算中心</text>
					<view class='flex flex-wrap align-end'>
						<text class='mys_fd2_0_c1_c0'>￥</text>
						<text class=' mys_fd2_0_c1_c1'>
							<text>{{ userData.huiyuanyue | frontPrice }}</text>
							<text>{{ userData.huiyuanyue | laterPrice }}</text>
						</text>
					</view>
				</view>
				<view class='flex flex-wrap align-center mys_fd2_1'>
				</view>
				<view class='flex flex-direction flex-wrap align-center' @tap="determineJumpFunc(7)">
					<text class='mys_fd2_0_c0'>信用分</text>
					<text class='mys_fd2_2_c1'>{{userData.credit_score || 0}}</text>
				</view>
			</view>

			<!---flex布局flex布局结束-->
			<!---flex布局flex布局开始-->
			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout mys_flex_3">
				<view class='flex flex-wrap align-center mys_fd3_0'>
					<text class='mys_fd3_0_c0'>工作状态</text>
					<benben-switch v-model="switchAdd" default-color='#dcdfe6' color='rgba(77, 199, 119, 1)'
						:disabled='false' :auto='true' size='80' @change="getStatusFunc()" v-if="isLogin == false">
					</benben-switch>
					<benben-switch v-model="userData.gongzuozhuangtai" default-color='#dcdfe6'
						color='rgba(77, 199, 119, 1)' :disabled='false' :auto='true' size='80' @change="getStatusFunc()"
						v-if="isLogin == true">
					</benben-switch>
					<text class='mys_fd3_0_c2'>接单</text>
				</view>
				<view class='flex flex-wrap align-center mys_fd3_1'>
					<view class='flex flex-direction flex-wrap align-center justify-center mys_fd3_1_c0'
						@tap.stop="jumpFunc()" v-if=" userData.certified!='2'">
						<image class='mys_fd3_1_c0_c0' mode="aspectFit" :src='STATIC_URL+"173.png"'></image>
						<text class='mys_fd3_1_c0_c1'>师傅入驻</text>
					</view>
					<view class='flex flex-direction flex-wrap align-center justify-center mys_fd3_1_c0'
						@tap="determineJumpFunc(2)">
						<image class='mys_fd3_1_c0_c0' mode="aspectFit" :src='STATIC_URL+"351.png"'></image>
						<text class='mys_fd3_1_c0_c1'>服务管理</text>
					</view>
					<view class='flex flex-direction flex-wrap align-center justify-center mys_fd3_1_c0'
						@tap="determineJumpFunc(3)">
						<image class='mys_fd3_1_c0_c0' mode="aspectFit" :src='STATIC_URL+"350.png"'></image>
						<text class='mys_fd3_1_c0_c1'>服务区域</text>
					</view>
					<view class='flex flex-direction flex-wrap align-center justify-center mys_fd3_1_c3'
						@tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/wode/LIST/LIST`">
						<image class='mys_fd3_1_c0_c0' mode="aspectFit" :src='STATIC_URL+"107.png"'></image>
						<text class='mys_fd3_1_c0_c1'>排行榜</text>
					</view>
					<view class='flex flex-direction flex-wrap align-center justify-center mys_fd3_1_c0'
						@tap.stop="determineJumpFunc(4)">
						<image class='mys_fd3_1_c0_c0' mode="aspectFit" :src='STATIC_URL+"108.png"'></image>
						<text class='mys_fd3_1_c0_c1'>我的保证金</text>
					</view>
					<view class='flex flex-direction flex-wrap align-center justify-center mys_fd3_1_c0'
						@tap.stop="determineJumpFunc(8)" v-if="switchData.switch != 1">
						<image class='mys_fd3_1_c0_c0' mode="aspectFit" :src='STATIC_URL+"109.png"'></image>
						<text class='mys_fd3_1_c0_c1'>学习中心</text>
					</view>
					<view class='flex flex-direction flex-wrap align-center justify-center mys_fd3_1_c0'
						@tap.stop="determineJumpFunc(9)" v-if="switchData.switch != 1">
						<image class='mys_fd3_1_c0_c0' mode="aspectFit" :src='STATIC_URL+"109.png"'></image>
						<text class='mys_fd3_1_c0_c1'>模拟考试</text>
					</view>
					<view class='flex flex-direction flex-wrap align-center justify-center mys_fd3_1_c0'
						@tap.stop="determineJumpFunc(5)">
						<image class='mys_fd3_1_c0_c0' mode="aspectFit" :src='STATIC_URL+"110.png"'></image>
						<text class='mys_fd3_1_c0_c1'>评价管理</text>
					</view>
					<view class='flex flex-direction flex-wrap align-center justify-center mys_fd3_1_c0'
						@tap.stop="handleJumpDiy" data-type="navigateTo"
						:data-url="`/pages/wode/helpCenter/helpCenter`">
						<image class='mys_fd3_1_c0_c0' mode="aspectFit" :src='STATIC_URL+"112.png"'></image>
						<text class='mys_fd3_1_c0_c1'>帮助中心</text>
					</view>
					<view class='flex flex-direction flex-wrap align-center justify-center mys_fd3_1_c0'
						@tap="handleJumpDiy" data-type="navigateTo"
						:data-url="`/pages/wode/contactCustomerService/contactCustomerService`">
						<image class='mys_fd3_1_c0_c0' mode="aspectFit" :src='STATIC_URL+"114.png"'></image>
						<text class='mys_fd3_1_c0_c1'>客服咨询</text>
					</view>
					<view class='flex flex-direction flex-wrap align-center justify-center mys_fd3_1_c0'
						@tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/wode/share/share`">
						<image class='mys_fd3_1_c0_c0' mode="aspectFit" :src='STATIC_URL+"111.png"'></image>
						<text class='mys_fd3_1_c0_c1'>分享</text>
					</view>
					<view class='flex flex-direction flex-wrap align-center justify-center mys_fd3_1_c0'
						@tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/wode/promoter/promoter`">
						<image class='mys_fd3_1_c0_c0' mode="aspectFit" src='/static/images/TD.png'></image>
						<text class='mys_fd3_1_c0_c1'>我的团队</text>
					</view>
					<view class='flex flex-direction flex-wrap align-center justify-center mys_fd3_1_c0'
						@tap="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/setUp/szsz/szsz`">
						<image class='mys_fd3_1_c0_c0' mode="aspectFit" :src='STATIC_URL+"113.png"'></image>
						<text class='mys_fd3_1_c0_c1'>设置</text>
					</view>
				</view>
			</view>

			<!---flex布局flex布局结束-->
			<!---flex布局flex布局开始-->
			<view class="flex benben-flex-layout flex-wrap align-center mys_flex_4">
				<view style="position: relative">
					<swiper ref="benbenSwiperfd4_0" @change="bannerIndexfd4_0 = $event.detail.current"
						class='flex position-relative mys_fd4_0' previous-margin="0rpx" next-margin="0rpx"
						:display-multiple-items="1" :interval="5000" :duration="500" :autoplay='true' :circular='true'>

						<template v-for='(item,key0) in carouselData'>
							<swiper-item class='flex  mys_fd4_0' :key='key0'>
								<image class='mys_fd4_0_c1_c0' mode="aspectFill" :src='item.thumb'
									@tap.stop="dynamicJump(item.href)"></image>
							</swiper-item>
						</template>

					</swiper>
					<view style="position: absolute"
						class="flex dot flex align-center justify-center mys_swiperDotfd4_0">
						<template v-for="(item, index) in (carouselData.length)">
							<view :key="index" v-if="bannerIndexfd4_0 == index"
								class="flex dot selected flex align-center justify-center mys_swiperDotSelectedfd4_0">
							</view>
							<view :key="index" v-else
								class="flex dot unselected flex align-center justify-center mys_swiperDotUnselectedfd4_0">
							</view>
						</template>
					</view>
				</view>
			</view>

			<!---flex布局flex布局结束-->


		</view>
	</view>
</template>
<script>
	import {
		validate
	} from '@/common/utils/validate.js'

	export default {
		components: {},


		data() {
			return {
				"bannerIndexfd4_0": 0,
				"switchAdd": false,
				"userData": {
					"invite_code": "",
					"address": "",
					"address_code": "",
					"hobby": "",
					"tags": "",
					"id": "",
					"userlevel_id": "",
					"mobile": "",
					"real_name": "",
					"nickname": "",
					"avatar": "",
					"account": "",
					"email": "",
					"birthday": "",
					"gender": "",
					"create_time": "",
					"user_money": "",
					"freeze_money": "",
					"total_consumption_money": "",
					"score": "",
					"_mobile": "",
					"coupon": "",
					"collection_count": "",
					"browse_count": "",
					"total_money": "",
					"certified": "",
					"is_pay_password": "",
					"fuwuxingji": "",
					"gongzuozhuangtai": "",
					"shuzi": "",
					"jifen": "",
					"yajin": "",
					"level": {
						"aid": "",
						"name": "",
						"icon": "",
						"levelid": ""
					},
					"invite_num": "",
					"commission": "",
					"is_deposit": "",
					"is_account": "",
					"dengjidaoqishijian": "",
					"suozaidi": "",
					"huiyuanyue": "",
					"working_hours": "",
					"credit_score": "",
					"deposit": "",
					"deposit_switch": "",
					"withdrawal": "",
					"account_wx": "",
					"account_alipay": "",
					"account_bank": "",
					"joinin_state": "",
					"fid": "",
					"chinaarea_id": "",
					"city_status": "",
					"service_status": ""
				},
				"carouselData": [],
				"newData": {
					"order_num": "",
					"sys_num": "",
					"no_read_num": "",
					"new_order_message": "",
					"new_sys": "",
					"order_time": "",
					"sys_time": ""
				},
				"switchData": {
					"aid": "",
					"sys_num": "",
					"sys_time": ""
				}
			};
		},
		computed: {
			themeColor() {
				return this.$store.getters.themeColor
			},
			userInfo: {
				get() {
					return this.$store.state.userInfo
				},
				set() {
					this.$store.commit('updateUserInfo', value)
				},
			},
			isLogin() {
				return this.$store.state.token == '' ? false : true;
			},
			/**
			 * @returns 
			 * Android       安卓
			 * IOS       苹果
			 * Web       H5 或 pc
			 * Wechat       微信小程序
			 * Alipay       支付宝小程序
			 * Baidu       百度小程序
			 * ByteBounce       抖音小程序
			 * 360       360小程序
			 * FastApp       快应用
			 */
			appSystemIdentification() {
				return this.$store.state.appSystemIdentification
			}
		},
		watch: {},
		onLoad(options) {

		},
		onUnload() {

		},
		onReady() {

		},
		onShow() {
			this.getUserFunc()
			this.getCarouselFunc()
			this.getNewDataFunc()
			this.getSwitchFunc()
		},
		onHide() {

		},
		onResize() {

		},
		onPullDownRefresh() {

		},
		onReachBottom(e) {

		},
		onPageScroll(e) {

		},
		methods: {
			//获取用户信息
			async getUserFunc() {
				if (this.isLogin === true) {
					//请求方法
					//数据验证

					let datauserData = await this.$api.get(global.apiUrls.post5c78c4772da97, {
						user_id: this.userInfo.id
					});

					if (datauserData.data.code != 1) {
						this.$message.info(datauserData.data.msg);
						return
					}
					let infouserData = datauserData.data;
					this.userData = infouserData.data

				}
			},
			//获取上架开关
			async getSwitchFunc() {
				if (this.isLogin === true) {
					//请求方法
					//数据验证

					let dataswitchData = await this.$api.get(global.apiUrls.post643e0feac967e, {

					});

					if (dataswitchData.data.code != 1) {
						this.$message.info(dataswitchData.data.msg);
						return
					}
					let infoswitchData = dataswitchData.data;
					this.switchData = infoswitchData.data

				}
			},
			//获取轮播信息
			async getCarouselFunc() {
				//请求方法
				//数据验证

				let datacarouselData = await this.$api.get(global.apiUrls.post636e02b419726, {
					operationadstype_id: '12'
				});

				if (datacarouselData.data.code != 1) {
					this.$message.info(datacarouselData.data.msg);
					return
				}
				let infocarouselData = datacarouselData.data;
				this.carouselData = infocarouselData.data

			},
			//提交工作状态
			async getStatusFunc() {
				if (!this.isLogin) {
					this.$message.info('您还未登录，请先登录');
					return
				}
				if (this.userData.certified == '-1') {
					this.$message.info('您还未认证，请先认证再开启接单')
					setTimeout(() => {
						this.$urouter.navigateTo(`/pages/login/improveData/improveData`);
					}, 500)
				} else if (this.userData.certified == '1') {
					this.$message.info('认证审核中，认证通过再开启接单')
					setTimeout(() => {
						this.$urouter.navigateTo(`/pages/login/examines/examines?type=1`);
					}, 500)

				} else if (this.userData.certified == '3') {
					this.$message.info('认证审核失败，认证通过再开启接单')
					setTimeout(() => {
						this.$urouter.navigateTo(`/pages/login/examines/examines?type=1`);
					}, 500)
				} else {
					let data64bf3e4a8da39 = await this.$api.post(global.apiUrls.post64bf3e4a8da39, {
						status: this.userData.gongzuozhuangtai
					});
					this.getUserFunc()
					if (data64bf3e4a8da39.data.code != 1) {
						this.$message.info(data64bf3e4a8da39.data.msg);
						return
					}
				}
			},
			//判断显示入驻
			jumpFunc() {
				if (!this.isLogin) {
					this.$message.info('您还未登录，请先登录');
					return
				}
				if (this.userData.certified == '-1') {
					this.$urouter.navigateTo(`/pages/login/improveData/improveData`);
				} else if (this.userData.certified == '1') {
					this.$urouter.navigateTo(`/pages/login/examines/examines?type=1`);
				} else if (this.userData.certified == '3') {
					this.$urouter.navigateTo(`/pages/login/examines/examines?type=1`);
				}
			},
			//判断修改技能审核
			async jumpSkillFunc() {
				//请求方法
				//数据验证

				let datauserData = await this.$api.get(global.apiUrls.post5c78c4772da97, {
					user_id: this.userInfo.id
				});

				let infouserData = datauserData.data;
				if (infouserData.code == 1) {
					this.userData = infouserData.data
					if (this.userData.service_status == 0) {
						this.$urouter.navigateTo(
							`/pages/login/modifyingSkills/modifyingSkills?aid=${this.userData.fid}`);
					} else if (this.in_array(this.userData.service_status, '1,3')) {
						this.$urouter.navigateTo(`/pages/login/skillReview/skillReview`);
					} else if (this.userData.service_status == '2') {
						this.$urouter.navigateTo(
							`/pages/login/modifyingSkills/modifyingSkills?aid=${this.userData.fid}`);
					}
				}
			},
			//跳转区域审核
			async jumpRegionFunc() {
				//请求方法
				//数据验证

				let datauserData = await this.$api.get(global.apiUrls.post5c78c4772da97, {
					user_id: this.userInfo.id
				});

				let infouserData = datauserData.data;
				if (infouserData.code == 1) {
					this.userData = infouserData.data
					if (this.userData.city_status == 0) {
						this.$urouter.navigateTo(
							`/pages/login/modifyServiceArea/modifyServiceArea?id=${this.userData.chinaarea_id}`);
					} else if (this.in_array(this.userData.city_status, '1,3')) {
						this.$urouter.navigateTo(`/pages/login/regionalAudit/regionalAudit`);
					} else if (this.userData.city_status == '2') {
						this.$urouter.navigateTo(
							`/pages/login/modifyServiceArea/modifyServiceArea?id=${this.userData.chinaarea_id}`);
					}
				}
			},
			//获取消息数量
			async getNewDataFunc() {
				if (this.isLogin === true) {
					//请求方法
					//数据验证

					let datanewData = await this.$api.get(global.apiUrls.post64140908ca17c, {

					});

					if (datanewData.data.code != 1) {
						this.$message.info(datanewData.data.msg);
						return
					}
					let infonewData = datanewData.data;
					this.newData = infonewData.data
					uni.setTabBarBadge({
						index: 2,
						text: this.newData.no_read_num
					})
				}
			},
			//判断是否入驻
			determineJumpFunc(jumpID) {
				if (!this.isLogin) {
					this.$message.info('您还未登录，请先登录');
					return
				}
				if (this.userData.certified == '-1') {
					this.$message.info('您还未认证，请先提交认证');
					setTimeout(() => {
						this.$urouter.navigateTo(`/pages/login/improveData/improveData`);
					}, 500)
				} else if (this.userData.certified == '1') {
					this.$message.info('认证审核中，请耐心等待');
				} else if (this.userData.certified == '3') {
					this.$message.info('认证失败，请重新提交');
					setTimeout(() => {
						this.$urouter.navigateTo(`/pages/login/improveData/improveData?type=1`);
					}, 500)
				} else if (jumpID == '1') {

				} else if (jumpID == '2') {
					this.jumpSkillFunc()
				} else if (jumpID == '3') {
					this.jumpRegionFunc()
				} else if (jumpID == '4') {
					this.$urouter.navigateTo(`/pages/wode/dataMargin/dataMargin`);
				} else if (jumpID == '5') {
					this.$urouter.navigateTo(`/pages/index/management/management`);
				} else if (jumpID == '6') {
					this.$urouter.navigateTo(`/pages/wode/myWallet/myWallet`);
				} else if (jumpID == '7') {
					this.$urouter.navigateTo(`/pages/wode/creditScore/creditScore`);
				} else if (jumpID == '8') {
					this.$urouter.navigateTo(`/pages/wode/skillLearningTask/skillLearningTask`);
				} else if (jumpID == '9') {
					this.$urouter.navigateTo(`/pages/wode/examination/examination`);
				}
			},
			shopJump() {
				if (this.userData.master_shop_status == 1) {
					this.$urouter.navigateTo(`/pages/login/reviewPage/reviewPage`);
				} else if (this.userData.master_shop_status == 3) {
					this.$urouter.navigateTo(`/pages/login/reviewPage/reviewPage`);
				} else {
					this.$urouter.navigateTo(`/pages/login/storeReview/storeReview?id=${this.userData.usermerchant_id}`);
				}
			}
		}
	};
</script>
<style lang="scss" scoped>
	.page {
		width: 100vw;
		overflow-x: hidden;
		min-height: calc(100vh - var(--window-bottom));
		background: url(image-path('149.png')) no-repeat;
		background-size: 100% auto;
	}

	.mys_flex_0 {
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 10;
		top: 0rpx;
	}

	.mys_fd0_0_c2_c1 {
		position: absolute;
		top: 12rpx;
		left: -10rpx;
		z-index: 15;
	}

	.mys_fd0_0_c2_c0 {
		width: 40rpx;
		height: 40rpx;
		margin: 0rpx 5rpx 0rpx 0rpx;
	}

	.mys_fd0_0_c2 {
		width: 200rpx;
		height: 88rpx;
	}

	.mys_fd0_0_c0 {
		position: relative;
		width: 200rpx;
		height: 88rpx;
	}

	.mys_fd0_0 {
		padding: 0rpx 32rpx 0rpx 32rpx;
	}

	.mys_flex_1 {
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.mys_fd1_1_c1 {
		color: #FFFFFF;
		font-size: 40rpx;
		font-weight: 700;
		line-height: 56rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.mys_fd1_1_c0 {
		width: 132rpx;
		height: 132rpx;
		border-radius: 76rpx 76rpx 76rpx 76rpx;
		margin: 0rpx 18rpx 0rpx 0rpx;
	}

	.mys_fd1_0_c2 {
		width: 12rpx;
		height: 22rpx;
	}

	.mys_star1fd1_0_c1_c1_c1 {
		height: 22rpx;
		margin: 0rpx 6rpx 0rpx 0rpx;
		width: 21rpx;
	}

	.mys_star1fd1_0_c1_c1_c1 {
		width: 22rpx;
		height: 21rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 6rpx 0rpx 0rpx;
	}

	.mys_fd1_0_c1_c1_c0 {
		color: #FFFFFF;
		font-size: 24rpx;
		font-weight: 500;
		margin: 0rpx 6rpx 0rpx 0rpx;
	}

	.mys_fd1_0_c1_c1 {
		margin: 10rpx 0rpx 0rpx 0rpx;
	}

	.mys_fd1_0_c1_c0_c1_c1 {
		color: #FFFFFF;
		font-size: 20rpx;
		font-weight: 400;
		line-height: 32rpx;
		margin: 0rpx 0rpx 0rpx 4rpx;
	}

	.mys_fd1_0_c1_c0_c1_c0 {
		width: 18rpx;
		height: 22rpx;
	}

	.mys_fd1_0_c1_c0_c1 {
		border: 1px solid #FFFFFF;
		border-radius: 17rpx 17rpx 17rpx 17rpx;
		height: 32rpx;
		padding: 0rpx 14rpx 0rpx 14rpx;
		margin: 0rpx 0rpx 0rpx 16rpx;
	}

	.mys_fd1_0_c1_c0_c0 {
		color: #FFFFFF;
		font-size: 40rpx;
		font-weight: 700;
		line-height: 56rpx;
		max-width: 370rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.mys_fd1_0_c1 {
		margin: 0rpx 0rpx 0rpx 18rpx;
	}

	.mys_fd1_0_c0 {
		width: 132rpx;
		height: 132rpx;
		border-radius: 76rpx 76rpx 76rpx 76rpx;
	}

	.mys_fd1_0 {
		margin: 32rpx 0rpx 32rpx 0rpx;
	}

	.mys_flex_2 {
		background: rgba(255, 255, 255, 1);
		margin: 0rpx 24rpx 24rpx 24rpx;
		background-size: 100% auto;
		border-radius: 16rpx;
		padding: 40rpx 0rpx 40rpx 0rpx;
	}

	.mys_fd2_2_c1 {
		color: #333333;
		font-size: 48rpx;
		font-weight: 700;
		line-height: 57rpx;
	}

	.mys_fd2_1 {
		background: rgba(225, 225, 225, 1);
		width: 1rpx;
		height: 88rpx;
		background-size: 100% auto;
		margin: 0rpx 116rpx 0rpx 84rpx;
	}

	.mys_fd2_0_c1_c1 {
		color: #333333;
		font-weight: 700;
		line-height: 57rpx;
		font-size: 48rpx;
	}

	.mys_fd2_0_c1_c0 {
		color: #333333;
		font-size: 24rpx;
		font-weight: 700;
		line-height: 47rpx;
	}

	.mys_fd2_0_c0 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 500;
		line-height: 40rpx;
		margin: 0rpx 0rpx 16rpx 0rpx;
	}

	.mys_flex_3 {
		background: rgba(255, 255, 255, 1);
		margin: 0rpx 24rpx 24rpx 24rpx;
		background-size: 100% auto;
		border-radius: 16rpx;
	}

	.mys_fd3_1_c3 {
		width: 25%;
		margin: 0rpx 0rpx 0rpx 0rpx;
		height: 140rpx;
	}

	.mys_fd3_1_c0_c1 {
		color: #333333;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 33rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.mys_fd3_1_c0_c0 {
		width: 48rpx;
		height: 48rpx;
		margin: 0rpx 0rpx 16rpx 0rpx;
	}

	.mys_fd3_1_c0 {
		width: 25%;
		height: 140rpx;
	}

	.mys_fd3_1 {
		margin: 0rpx 0rpx 0rpx 0rpx;
	}

	.mys_fd3_0_c2 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 700;
		line-height: 40rpx;
		margin: 0rpx 0rpx 0rpx 24rpx;
	}

	.mys_fd3_0_c0 {
		color: #333333;
		font-size: 30rpx;
		font-weight: 700;
		margin: 0rpx auto 0rpx 0rpx;
		line-height: 40rpx;
	}

	.mys_fd3_0 {
		border-bottom: 1px solid #eee;
		padding: 24rpx 0rpx 24rpx 0rpx;
		margin: 0rpx 32rpx 0rpx 32rpx;
	}

	.mys_flex_4 {
		margin: 0rpx 24rpx 0rpx 24rpx;
	}

	.mys_numberfd4_0_c0 {
		background: #525050;
		position: absolute;
		bottom: 20rpx;
		right: 30rpx;
		width: 80rpx;
		height: 40rpx;
		border-radius: 6rpx 6rpx 6rpx 6rpx;
		font-size: 24rpx;
		color: #FFFFFF;
		line-height: 46rpx;
		font-weight: 400;
	}

	.mys_fd4_0_c1_c0 {
		width: 702rpx;
		height: 168rpx;
		border-radius: 16rpx;
	}

	.mys_fd4_0 {
		width: 702rpx;
		height: 168rpx;
	}

	.mys_swiperDotUnselectedfd4_0 {
		border: 1px solid rgba(0, 0, 0, 0.3);
		background: rgba(255, 255, 255, 0.3);
		width: 16rpx;
		height: 16rpx;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		margin: 0rpx 6rpx 0rpx 0rpx;
		font-size: 24rpx;
		color: #fff;
	}

	.mys_swiperDotSelectedfd4_0 {
		border: 1px solid #00A7FF;
		background: rgba(255, 255, 255, 1);
		width: 16rpx;
		height: 16rpx;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		margin: 0rpx 6rpx 0rpx 0rpx;
		font-size: 24rpx;
		color: #fff;
	}

	::v-deep .mys_swiperDotfd4_0 {
		position: absolute;
		bottom: 15rpx;
		left: 0rpx;
		right: 0rpx;
	}

	.mys_fd0_0_c1_c1 {
		position: absolute;
		top: 15rpx;
		z-index: 14;
		right: -7rpx;
	}

	.mys_fd0_0_c1_c0 {
		width: 40rpx;
		height: 40rpx;
		margin: 0rpx 5rpx 0rpx 0rpx;
	}

	.mys_fd0_0_c1 {
		width: 200rpx;
		height: 88rpx;
		position: relative;
	}

	.mys_fd1_0_c1_c1_c0_c1001 {
		width: 10rpx;
		height: 18rpx;
		margin: 0rpx 0rpx 0rpx 10rpx;
	}

	.mys_fd1_0_c1_c1_c0_c0001 {
		color: #FFFFFF;
		font-size: 24rpx;
		font-weight: 500;
		margin: 0rpx 6rpx 0rpx 0rpx;
	}

	.mys_fd1_0_c1_c1001 {
		margin: 10rpx 0rpx 0rpx 0rpx;
	}
</style>